controls@charset "UTF-8";
/* CSS Document */

/* 轮播 */
#wowslider-container {
	zoom: 1;
	position: relative;
	width: 100%;
	margin:0px auto 38px;
	z-index:100;
	border:none;
	text-align:left; /* reset align=center */
	font-size: 10px;
    overflow: hidden;
}
#wowslider-container.fullscreen-mode,
#wowslider-container.fullwidth-mode {
	max-width:none;
	max-height:none;
}
* html #wowslider-container{ width:960px }
#wowslider-container .ws_images ul{
	position:relative;
	width: 10000%;
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container .ws_images ul li{
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}
#wowslider-container .ws_images{
	position: relative;
	left:0;
	top:0;
	width:100%;
	overflow:hidden;
}
#wowslider-container.fullscreen-mode .ws_images,
#wowslider-container.fullwidth-mode .ws_images {
	max-height:none;
}
#wowslider-container .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container.fullscreen-mode .ws_images a,
#wowslider-container.fullwidth-mode .ws_images a {
	height:100%;
}
#wowslider-container img{
	max-width: none !important;
}
#wowslider-container .ws_images img{
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
	margin:0;
}
#wowslider-container .ws_images iframe {
	position: absolute;
	z-index: -1;
}
#wowslider-container a{
	text-decoration: none;
	outline: none;
	border: none;
}
#wowslider-container  .ws_bullets {
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container  .ws_bullets div{
	position:relative;
	float:left;
	font-size: 0px;
}
#wowslider-container  a.wsl{
	display:none;
}
#wowslider-container  .ws_bullets {
	padding: 10px;
}
#wowslider-container .ws_bullets a {
	margin-left:16px;
	width:55px;
	height:6px;
	float: left;
	text-indent: -4000px;
	position:relative;
	background: rgba(255, 255, 255, 0.5);
	background: #fff\9;
}
#wowslider-container .ws_bullets a.ws_selbull, #wowslider-container .ws_bullets a:hover{
	background: rgba(0, 144, 73, 1);
	background: #009049\9;
}
#wowslider-container .ws_bullets a:hover {
	-webkit-animation: pulseIn .9s infinite linear;
	-moz-animation: pulseIn .9s infinite linear;
	animation: pulseIn .9s infinite linear;
}
#wowslider-container a.ws_next, #wowslider-container a.ws_prev {
	font-family: 'wowslider-controls';
	position:absolute;
	display:none;
	text-shadow: none;
	text-align: center;
	background: rgb(30,165,194);
	color: #fff;
	top:50%;
	margin-top:-2.5em;
	height: 5em;
	width: 5em;
	z-index:60;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#wowslider-container a.ws_next:hover,
#wowslider-container a.ws_prev:hover{
	background: rgba(30,165,194,0.6);
}
#wowslider-container a.ws_next{
	right:10px;
}
#wowslider-container a.ws_next:after {
	content: '\e801';
	display: block;
	font-size: 3.5em;
	line-height: 1.7em;
}
#wowslider-container a.ws_prev {
	left:10px;
}
#wowslider-container a.ws_prev:after {
	content: '\e800';
	display: block;
	font-size: 3.5em;
	line-height: 1.7em;
}
#wowslider-container a.ws_prev:hover:after {
	-webkit-animation: prevArrow .7s infinite ease-in-out;
	-moz-animation: prevArrow .7s infinite ease-in-out;
	animation: prevArrow .7s infinite ease-in-out;
}
#wowslider-container a.ws_next:hover:after {
	-webkit-animation: nextArrow .7s infinite ease-in-out;
	-moz-animation: nextArrow .7s infinite ease-in-out;
	animation: nextArrow .7s infinite ease-in-out;
}
* html #wowslider-container a.ws_next,* html #wowslider-container a.ws_prev{display:block}
#wowslider-container:hover a.ws_next, #wowslider-container:hover a.ws_prev {display:block}
/* bottom center */
#wowslider-container  .ws_bullets {
 	bottom:20px;
	left:53%;
}
#wowslider-container  .ws_bullets div{
	left:-70%;
}
#wowslider-container .ws-title{
	position:absolute;
	display:block;
	bottom: 0.31em;
	left: 1.23em;
	margin: 9px;
	z-index: 50;
	font-family:MisoBold, Oswald, Impact,Charcoal, sans-serif;
	font-size: 5.5em;
	color: #FFF;
	text-shadow: 1px 1px 1px #333333;
}
#wowslider-container .ws-title div,#wowslider-container .ws-title span{
	display:inline-block;
	padding:10px;
	background:#3398B6;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	opacity:0.95;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
}
#wowslider-container .ws-title div{
	display:block;
	background:#B02D15;
	margin-top:10px;
	color: #FFFFFF;
	opacity:0.8;
	text-shadow: 1px 1px 1px #000000;
}
#wowslider-container .ws_images > ul{
	animation: wsBasic 16.8s infinite;
	-moz-animation: wsBasic 16.8s infinite;
	-webkit-animation: wsBasic 16.8s infinite;
}
@keyframes wsBasic{0%{left:-0%} 14.88%{left:-0%} 25%{left:-100%} 39.88%{left:-100%} 50%{left:-200%} 64.88%{left:-200%} 75%{left:-300%} 89.88%{left:-300%} }
@-moz-keyframes wsBasic{0%{left:-0%} 14.88%{left:-0%} 25%{left:-100%} 39.88%{left:-100%} 50%{left:-200%} 64.88%{left:-200%} 75%{left:-300%} 89.88%{left:-300%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 14.88%{left:-0%} 25%{left:-100%} 39.88%{left:-100%} 50%{left:-200%} 64.88%{left:-200%} 75%{left:-300%} 89.88%{left:-300%} }
#wowslider-container .ws_bullets  a img{
	text-indent:0;
	display:block;
	bottom:16px;
	left:-115px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 3px solid #ffffff;
	max-width:none;
}
#wowslider-container .ws_bullets a:hover img{
	visibility:visible;
}
#wowslider-container .ws_bulframe div div{
	height:75px;
	overflow:visible;
	position:relative;
}
#wowslider-container .ws_bulframe div div img {
	height: 100%;
}
#wowslider-container .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:200px;
	background-color:#ffffff;
}
#wowslider-container  .ws_bullets .ws_bulframe{
	display:none;
	bottom:18px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 3px solid #ffffff;
}
#wowslider-container .ws_bulframe span{
	display:block;
	position:absolute;
	bottom:-9px;
	margin-left:0px;
	left:95px;
	background:url(../images/triangle.png);
	width:15px;
	height:6px;
}
#wowslider-container.ws_gestures,
#wowslider-container.ws_gestures > div > a {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url("../js/.com/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container.ws_gestures.ws_grabbing,
#wowslider-container.ws_gestures.ws_grabbing > div > a {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("../js/.com/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}
/* hide controls when video start play */
#wowslider-container.ws_video_playing .ws_bullets {
	display: none;
}
#wowslider-container.ws_video_playing:hover .ws_bullets {
	display: block;
}
/* IE fix because it don't show controls on hover if frame visible */
#wowslider-container.ws_video_playing_ie .ws_bullets,
#wowslider-container.ws_video_playing_ie a.ws_next,
#wowslider-container.ws_video_playing_ie a.ws_prev {
	display: block;
}
/* youtube/vimeo buttons */
#wowslider-container .ws_video_btn {
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55;
}
#wowslider-container .ws_video_btn.ws_youtube,
#wowslider-container .ws_video_btn.ws_vimeo {
	display: block;
}
#wowslider-container .ws_video_btn div {
	position: absolute;
	background-image: url(../images/playvideo.png);
	background-size: 200%;
	top: 50%;
	left: 50%;
	width: 7em;
	height: 5em;
	margin-left: -3.5em;
	margin-top: -2.5em;
}
#wowslider-container .ws_video_btn.ws_youtube div {
	background-position: 0 0;
}
#wowslider-container .ws_video_btn.ws_youtube:hover div {
	background-position: 100% 0;
}
#wowslider-container .ws_video_btn.ws_vimeo div {
	background-position: 0 100%;
}
#wowslider-container .ws_video_btn.ws_vimeo:hover div {
	background-position: 100% 100%;
}
#wowslider-container1 .ws_playpause.ws_hide {
	display: none !important;
}
#wowslider-container .ws_fullscreen {
	display: none;
	position: absolute;
	font-family: "fullscreen";
	top: .5em;
	right: .5em;
	font-size: 2.25em;
	z-index: 59;
	color: #1EA5C2;
	text-shadow: none;
}
#wowslider-container .ws_fullscreen:hover {
	-webkit-animation: pulseOut .9s infinite linear;
	-moz-animation: pulseOut .9s infinite linear;
	animation: pulseOut .9s infinite linear;
}
#wowslider-container:hover .ws_fullscreen {
	display: block;
}
#wowslider-container .ws_fullscreen:after {
	content: '\e800';
}
.ws_fs_wrapper {
	width:100%;
	height: 100%;
	background: #EFECDD;
}
.ws_fs_wrapper > #wowslider-container,
.ws_fs_wrapper > #wowslider-container .ws_images {
	margin:0 auto;
	max-height: none;
}
.ws_fs_wrapper > #wowslider-container .ws_fullscreen {
	position: fixed;
	display: block;
}
.ws_fs_wrapper > #wowslider-container .ws_fullscreen:after {
	content: '\e801';
}
.ws_fs_wrapper > #wowslider-container {
	border: 0;
	outline: 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0;
}
@-webkit-keyframes pulseIn {
    0% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(1.2);}
    100% {-webkit-transform: scale(1);}
}
@-moz-keyframes pulseIn {
    0% {-moz-transform: scale(1);}
    50% {-moz-transform: scale(1.2);}
    100% {-moz-transform: scale(1);}
}
@keyframes pulseIn {
    0% {transform: scale(1);}
    50% {transform: scale(1.2);}
    100% {transform: scale(1);}
}
@-webkit-keyframes pulseOut {
    0% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(0.8);}
    100% {-webkit-transform: scale(1);}
}
@-moz-keyframes pulseOut {
    0% {-moz-transform: scale(1);}
    50% {-moz-transform: scale(0.8);}
    100% {-moz-transform: scale(1);}
}
@keyframes pulseOut {
    0% {transform: scale(1);}
    50% {transform: scale(0.8);}
    100% {transform: scale(1);}
}
@-webkit-keyframes nextArrow {
	0%, 100% { -webkit-transform: translateX(0px); }
	25% { -webkit-transform: translateX(2px); }
	75% { -webkit-transform: translateX(-2px); }
}
@-moz-keyframes nextArrow {
	0%, 100% { -moz-transform: translateX(0px); }
	25% { -moz-transform: translateX(2px); }
	75% { -moz-transform: translateX(-2px); }
}
@keyframes nextArrow {
	0%, 100% { -moz-transform: translateX(0px);transform: translateX(0px); }
	25% { -moz-transform: translateX(2px);transform: translateX(2px); }
	75% { -moz-transform: translateX(-2px);transform: translateX(-2px); }
}
@-webkit-keyframes prevArrow {
	0%, 100% { -webkit-transform: translateX(0px); }
	25% { -webkit-transform: translateX(-2px); }
	75% { -webkit-transform: translateX(2px); }
}
@-moz-keyframes prevArrow {
	0%, 100% { -moz-transform: translateX(0px); }
	25% { -moz-transform: translateX(-2px); }
	75% { -moz-transform: translateX(2px); }
}
@keyframes prevArrow {
	0%, 100% { -moz-transform: translateX(0px);transform: translateX(0px); }
	25% { -moz-transform: translateX(-2px);transform: translateX(-2px); }
	75% { -moz-transform: translateX(2px);transform: translateX(2px); }
}

/* 印象篇 */
.impression-grids .left{
	width: 613px;
	height: 390px;
	float: left;
	overflow: hidden;
 
}
/*.impression-grids .left .left-grids-item div,.impression-grids .left .left-grids-item div img{
	width: 100%;
	height:345px;
	overflow: hidden;
}*/
/*.impression-grids .left .left-grids-item div{
	display: none;
}*/
/*.impression-grids .left .left-grids-item div:first-child{
	display: block;
}*/
.impression-grids .left img{
	width: 100%;
	height: inherit;
	transition: 0.8s ease-out;
	transform: scale(1.1)
}
.impression-grids .left:hover img{
	transform: scale(1.0)
}
.impression-grids .left iframe{
	width: 100%;
	height: 360px;
}
.impression-grids .right{
	width: 540px;
	/* height: 690px; */
	float: right;
}
.impression-grids-item div{
	display: none;
	 
}
.impression-grids-item div:first-child{
	display: none;
}
.impression-grids-item div,.impression-grids-item{
	font-size: 14px;
	color: #1a1a1a;
	height: 235px;
	overflow: hidden;
	line-height: 1px;
}
.impression-grids-item div p{
	text-indent: 2em;
	line-height: 23px;
}
.impression-grids-item div a{
	font-size: 14px;
	color: #009049;
	font-weight: bold;
}
.common-active{
 
	margin-top: 22px;
}
.impression-active ul li{
	width: 150px;
	height: 40px;
}
/* .common-active ul li:nth-child(3n-2){
	margin-left: 0;
} */
.common-active ul li{
	float: left;
	text-align: center;
	margin-left: 6px;
	margin-bottom: 6px;
	overflow: hidden;
	transition: all 0.5s;
	position: relative;
	perspective: 8000px;
}
.common-active ul li a{
	display: block;
	width: 100%;
	height:100%;
	color: #000000;
	font-size: 16px;
	position: relative;
	transform-style: preserve-3d;
	transition: all 0.5s;
	transform-origin:center center -20px;
}
.impression-active ul li a:hover span:nth-of-type(2),.common-active li.current a{
	color: #fff;
}
.impression-active ul li span{
	line-height: 40px;
	width: 100%;
	height: 40px;
}
.common-active ul li a span{
	text-align: center;
	font-size: 16px;
	backface-visibility: hidden;
	display: block;
}
.impression-active  ul li a span:nth-of-type(1){
	background: #ddd;
}
.impression-active  ul li a span:nth-of-type(2){
	background: #3db560;
}
.common-active ul li a span:nth-of-type(2){
	position: absolute;
	left: 0;
	top: -20px;
	transform-origin: bottom;
	transform: rotateX(90deg);
}
.impression-active ul li.current a span{
	  background: #3db560;
}
.common-active ul li a:hover {
	 transform:rotateX(-90deg);
}

/* 专注篇 */
.concentration{
	overflow: hidden;
	background: #3db560;
	padding:24px 0;
}
.concentration-active ul li{
	width: 195px;
	height: 46px;
	text-align: center;
	overflow: hidden;
}
.concentration-active ul li.current a span,.concentration-active ul li a:hover span,.concentration-active ul li a:hover{
   background: #77e096;
   color: #000;
}
.concentration-active ul li a span:nth-of-type(1){
	background: #fff
}
.concentration-active ul li.current a span:nth-of-type(1){
	background: #77e096
}
.concentration-active ul li a span:nth-of-type(2){
	background: #77e096;
}
.concentration-active ul li span{
	line-height: 46px;
	width: 100%;
	height: 46px
}

.concentration-grids{
	margin-top: 5px
}
.concentration-grids ul{
	margin-left: -7px;
}
.concentration-grids ul li{
	width: 395px;
	height: 245px;
	float: left;
	margin-left: 7px;
	position: relative;
	overflow: hidden;
	margin-bottom: 7px
}
.concentration-grids,.concentration-grids_item{
	height: 500px;
	overflow: hidden;
}
.concentration-grids_item:first-child{
	display: block;
}
.concentration-grids_item{
	display: none;
}
.concentration-grids ul li img{
	width: 100%;
	height: 290px;
}
.concentration-grids ul li .info{
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	background: #000\9;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	transition: 0.6s;
	opacity: 0;
}
.concentration-grids ul li .info .caption{
	position: absolute;
	width: 80%;
	left: 10%;
	top: 40%;
}
.concentration-grids ul li .info h1,.concentration-grids ul li .info a{
	transform:translateY(-2000px);
	opacity: 0;
	transition:0.8s;
}
.concentration-grids ul li:hover .info h1,.concentration-grids ul li:hover .info a,.concentration-grids ul li:hover .info{
	transform:translateY(0);
	opacity: 1
}
.concentration-grids ul li .info h1{
	font-size: 22px;
	margin-bottom: 10px;
	animation-duration:0.8s;
	animation-iteration-count: 1;
}
.concentration-grids ul li .info a{
	width: 125px;
	height: 30px;
	background: #fff;
	display: block;
	margin: auto;
	color: #000;
	line-height: 30px;
	animation-duration:1.5s;
	animation-iteration-count: 1;
}
.concentration-grids ul li:hover h1{
	animation-name:bounceInDown;
}
.concentration-grids ul li:hover a{
	animation-name: bounceInLeft;
}
.concentration-grids ul li .info a span{
	width: 30px;
	height: 30px;
	background: #3db560;
	display: block;
	float: right;
	color: #fff;
	font-size: 20px
}




.left-grids-item .video{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	background: url(../images/video.jpg) no-repeat center;
}

.left-grids-item .video:after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/video.jpg) no-repeat center;
	z-index: 100;
	background-size: auto 100%;
}
.left-grids-item .video video{
	width: 100%;
	height: 100%;
	display: block;
}
.left-grids-item .play:after{
	width: 0;
	height: 0;
	overflow: hidden;
}

.slideshow{
	position: relative;
}